<template>
    
    <mt-swipe :auto="4000">
    <mt-swipe-item v-for='item in alist' :key='item.id'>
         <img :src="item.img">
   </mt-swipe-item>
   </mt-swipe>
    
</template>
<script>
export default {
    data() {
        return {
            
        }
    },
    methods: {
        
    },
    props:["alist"]
}
</script>
<style lang="scss" scoped>
    .mint-swipe-item{
            &:nth-child(1){
                background: red;
            }
            &:nth-child(2){
                background: blue;
            }
            &:nth-child(3){
                background: yellow;
            }
            img{
                height:100%;
                width:100%;
            }

        }
</style>